<template>
  <div>
    <!-- 
      计算属性的完整写法
      语法：
      computed: {
        属性名: {
          set(值){

          },
          get(){
            return 值
          }
        }
      }
     -->
    <h1>姓名：</h1>
    <input type="text" v-model="full">
  </div>
</template>

<script>
export default {
  data(){
    return {
      name: "小明"
    }
  },
  computed:{
    // full(){
    //   return "王" + this.name
    // }
    full: {
      set(val){
        // 修改计算属性的时候触发
        console.log(val);
      },
      get(){
        // 使用计算属性的时候立刻触发
        console.log("get函数触发了");
        return "王"+this.name
      }
    }
  }
}
</script>

<style>

</style>